import  { ReactElement,FC} from "react";
type Iprops={
    date:Date;
    name?:string
}
// ts函数组件的泛型FC
// props只读性，
// 所有的组件必须像使用纯函数那样使用它们的props
const ClockA:FC<Iprops>=(props):ReactElement=>{
    console.log(props)
    // 不能修改props
    // props.date=new Date()
    return(
        <fieldset>
            <legend>ColckA</legend>
            <h1>hello word !!!</h1>
            {/* react只会更新必要的部分 */}
            <h2>Is now {props.date.toLocaleTimeString()}</h2>
        </fieldset>
    )
}
export default ClockA